<div style="display: flex; justify-content: space-around;">
  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'bottomLeft'">Left Bottom</button>

  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'bottomCenter'">Center Bottom</button>

  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'bottomRight'">Right Bottom</button>

  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'topLeft'">Left Top</button>

  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'topCenter'">Center Top</button>

  <button lv-button lv-dropdown [lvDropdownMenus]="menus" [lvDropdownTrigger]="'hover'"
    [lvDropdownPosition]="'topRight'">Right Top</button>
</div>